<template>
  <view class="page-head" @click="gotoclick">
    <view class="u-line-3 project-name">
      <text class="project-code">【{{ projectInfo.projectNo }}】</text>
      {{ projectInfo.projectName }}
    </view>
    <u-icon name="arrow-right" class="right-icon u-m-l-20" size="28"></u-icon>
  </view>
</template>
<script lang="ts" setup>
import { toRefs } from 'vue';
const props = defineProps<{
  projectInfo: any;
}>();

const { projectInfo } = toRefs(props);

const gotoclick = () => {
  (uni as any).$Router.back();
};
</script>
<style lang="scss" scoped>
.page-head {
  display: flex;
  justify-content: space-between;
  align-items: center;

  .project-name {
    flex: 1;

    .project-code {
      color: $u-type-warning;
    }
  }
}
</style>
